@import 'mixin';
@import 'iconfont';
@import 'color';

.container{
  &.login{background:$gray_bg url(../img/bg_blue.png) no-repeat center bottom;background-size:cover;
    .header{
      .logo{background:url(../img/logo_w.png) no-repeat center;background-size:cover;}
      .right_nav{
        ul{
          li{color:$white;}
        }
      }
    }
    .content{
      h1{background-image:none;color:$white;}
      .login_form{
        .input_div{border:1px solid #076cc1;background-color:#add9f6;
          label{
            &.user{background:url(../img/theme_blue/username.png) no-repeat center;}
            &.pwd{background:url(../img/theme_blue/password.png) no-repeat center;}
          }
          input[type=text],input[type=password]{background-color:#add9f6;}
        }
        .input_btn{
          button{color:$white;background:#076cc1;}
        }
      }
    }
    .footer{
      p{color:$white;}
    }
  }
  .main_header{background-image: linear-gradient(-180deg, #81A6DA 6%, #5882C1 100%);background-color: #5882C1 ;
    .l_cont{
      .logo{background:url(../img/theme_blue/logo.png) no-repeat center;}
      h1{color:$white;}
    }
    .m_cont{color:$yellow;
      a{color:$yellow;}
    }
    .r_cont{
      .cont{
        &:first-child{
          p{color:$white;}
        }
        &:last-child{color:$white;
          i{color:$white;}
        }
      }
    }
  }
  .menu{border-right:1px solid $gray_light;background-color:#E8ECF3;
    .head{color:$darker;background-image: linear-gradient(-180deg, #DFE8F4 0%, #D1DDEE 100%);background-color:#D1DDEE;box-shadow: 0 1px 0 0 #A1BBE4;border-bottom:1px solid #A1BBE4;
      .slip{background:#517EBD 100%;}
    }
    .user_cont{background-color:#CCDAEF;
      p{color:$darker;}
      .user_ctrl{
        li{color:$white;background:$blue_start;
          .fa{color:$white;}
        }
      }
    }
    .nav{
      li{
        .fa.fa-caret-right,.fa.fa-caret-down,.iconfont{color:$darker;}
        a{color:$darker;}
        ul{
          li{
            a{color:lighten($darker,10%) !important;
              &:hover{color:#5C86C3;}
            }
            &.active{
              a{color:#5C86C3 !important;font-weight:600;}
            }
          }
          &.sub_nav{
            li{border-color:darken($dark,20%);
              span{background-color:$darker;}
              &.active{
                span{background-color: $darker;}
                a{color:$darker !important;}
              }
              ul{
                li{
                  span{background-color:darken($dark,20%) !important;}
                  a{color:darken($dark,40%) !important;;}
                  &.active{
                    span{background-color: $darker !important;}
                    a{color:$darker !important;font-weight:600;}
                  }
                }
              }
            }
          }
        }
        &.active{
          .fa.fa-caret-right,.fa.fa-caret-down,.iconfont{color:#5C86C3;}
          a{color:#5C86C3;}
          ul{
            li{color:$darker;}
          }
        }
      }
    }
  }
  .main_cont{background-color:$gray_light;
    .tabs{border: 1px solid #A1BBE4;background-color:#D1DDEE;background-image: linear-gradient(-180deg, #DFE8F4 0%, #D1DDEE 100%);
      ul{
        li{background-image: linear-gradient(-180deg, #FFFFFF 0%, #D1DDEE 100%);background-color:#D1DDEE;border:{ top:1px solid #A1BBE4;right: 1px solid #A1BBE4;bottom:0;left: 1px solid #A1BBE4;};box-shadow: inset 0 1px 3px 0 rgba(255,255,255,0.95);
          &.active{background-color:$dark_blue;background-image: linear-gradient(-180deg, #D1DDEE 0%, $dark_blue 100%);color:$white;text-shadow:0 0 2px rgba(0,0,0,.7);}
        }
      }
    }
  }
  .r_ctrl_cont{background-color:#E8ECF3;
    .r_ctrl{background-color:#D6E0EE;transition:all .5s ease-in-out;
      i{color:$darker;}
    }
    .title{border-bottom:1px solid $gray_bg;color:$black;}
    .label{color:$black;}
    .cont{border-bottom:1px solid $gray_bg;}
    &.show_ctrl{
      .r_ctrl{background-color:#D6E0EE;transition:all .5s ease-in-out;
        i{color:$darker;}
      }
    }
  }
}
.tab_ctrl{background-color:$white;border:{top:0;right:1px solid #A1BBE4;bottom:1px solid #A1BBE4;left:1px solid #A1BBE4;};margin-top:0;
  .search_cont{border-bottom:1px solid #A1BBE4;}
  .ctrl_cont{
    ul{
      li{border-right:1px solid lighten($darker,20%);color:$gray_n_blue;}
    }
  }
  &.tab_btn{border-bottom:1px solid #A1BBE4;}
  &.no_bg{
    .search_cont{border-bottom:1px solid $gray_bg;}
  }
}
.tab_cont,.tab_c{border:{top:0;right:1px solid #A1BBE4;bottom:1px solid #A1BBE4;left:1px solid #A1BBE4;};
  .paginate{border-top:1px solid #A1BBE4;}
}
.form_cont{
  .input_inline{
    input[type=text],select{border:1px solid $darker;}
  }
}
.btn{border:1px solid $dark_blue;color:$dark_blue;
  &.main_btn{background-color:$dark_blue;}
  &:hover{background-color:$dark_blue;color:$white;}
  &.btn_prime{background-image: linear-gradient(-180deg, #95BCE3 0%, #5C86C3 100%);color:$white;border:0;background-color:#5C86C3;}
}
.popup{
  .popup_close{color:$white;}
  .popup_head{color:$white;background-image: linear-gradient(180deg, #81A6DA 100%, #5882C1 6%);background-color:#81A6DA ;}
}
.alert{
  .alert_head{color:$white;background-image: linear-gradient(180deg, #81A6DA 100%, #5882C1 6%);background-color:#81A6DA ;
    .fa{color:$orange;}
  }
}